{% extends 'base_main.html' %}
{% load static %}
{% block extcss %}
    {{ block.super }}
    <link rel="stylesheet" href="{% static 'app/mine/mine.css' %}">
{% endblock %}
{% block extjs %}
    <script type="text/javascript" src="/static/app/mine/mine.js"></script>
{% endblock %}
{% block content %}
    <div id="mine">
        <div class="fixed">
            {% if is_login %}
                <img id="img" src="{{ icon }}" alt="icon">
            {% else %}
                <span class="glyphicon glyphicon-user"></span>
            {% endif %}
            {% if is_login %}
                <p>{{ username }}</p>
            {% else %}
                <p><a href="{% url 'axf:userlogin' %}">&nbsp;&nbsp;点击登录</a></p>
            {% endif %}
            <p><span class="glyphicon glyphicon-fire"></span>等级<span></span></p>
                <div id="regis">
                    <a href="{% url 'axf:register' %}"><span>注册</span></a>
                </div>
            <p><span class="glyphicon glyphicon-heart"></span><span>收藏</span></p>
        </div>
        <div class="mine">
            <p>我的订单<a href="#">更多&gt;</a></p>
            <div id="nav">
                <ul>
                    <li>
                        <dl>
                            <dt>
                                <span id="not_pay" class="glyphicon glyphicon-usd">
                                </span><span class="badge">{{ not_pay }}</span>
                            </dt>
                            <dd>待付款</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>
                                <span id="has_pay" class="glyphicon glyphicon-envelope">
                                </span><span class="badge">{{ has_pay }}</span>
                            </dt>
                            <dd>待收货</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>
                                <span class="glyphicon glyphicon-pencil">
                                </span>
                            </dt>
                            <dd>待评价</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>
                                <span class="glyphicon glyphicon-retweet">
                                </span>
                            </dt>
                            <dd>退款/售后</dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <menu>
                <ul>
                    <li>
                        <dl>
                            <dt>
                                <span class="glyphicon glyphicon-bullhorn"></span>
                            </dt>
                            <span>积分商城</span>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>
                                <span class="glyphicon glyphicon-credit-card"></span>
                            </dt>
                            <span>优惠券</span>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>
                                <span class="glyphicon glyphicon-import"></span>
                            </dt>
                            <span>收货地址</span>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>
                                <span class="glyphicon glyphicon-phone-alt"></span>
                            </dt>
                            <span>客户反馈</span>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>
                                <span class="glyphicon glyphicon-certificate"></span>
                            </dt>
                            <span>关于我们</span>
                        </dl>
                    </li>
                </ul>
            </menu>
            {% if is_login %}
                <p class="logout">
                    <a href="{% url 'axf:userlogout' %}">退出</a>
                </p>
            {% endif %}
        </div>
    </div>
{% endblock %}